<!DOCTYPE html>
<html>
<head>
	<title>Personal Finance App</title>
	<script type="text/javascript" src="scripts/local-storage-extensions.js"></script>	
	<script type="text/javascript" src="scripts/storage.js"></script>
	<script type="text/javascript" src="scripts/expenses.js"></script>
	<script type="text/javascript" src="scripts/accounts.js"></script>
	<script type="text/javascript" src="scripts/categories.js"></script>
	<script src="https://d10ajoocuyu32n.cloudfront.net/jquery-1.9.1.min.js"></script>
	<script src="https://d10ajoocuyu32n.cloudfront.net/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>

	<link rel="stylesheet" href="https://d10ajoocuyu32n.cloudfront.net/mobile/1.3.1/jquery.mobile-1.3.1.min.css">
</head>
<body>
	<div data-role="page" id="page1">
    <div data-theme="a" data-role="header">
        <h3>
            Personal Finance App
        </h3>
    </div>
    <div data-role="content">
        <div id="acc-container" data-role="collapsible-set" data-theme="b" data-content-theme="a">
        <button id='budgetManager'>Budget Manager</button>
        <button id='accountsButton'>Accounts</button>
        <button id='addExpense'>Add Expense</button>
        <button id='addIncome'>Add Income</button>
        <button id='categoriesButton'>Categories</button>
        <button id='chartsButton'>Charts</button>
        </div>
    </div>
    <div data-theme="a" data-role="footer" data-position="fixed">
        <h3>
            Telerik Academy Team Project
        </h3>
    </div>
</div>
<script type="text/javascript" src="scripts/index-ui.js"></script>
<script type="text/javascript" src="scripts/load-demo-data.js"></script>
</body>
</html>